$(function () {
    //给a标签注册点击事件
    $('#link-reg').on('click', function () {
        $('#login-box').hide();
        $('#reg-box').show();
    })
    $('#link-login').on('click', function () {
        $('#login-box').show();
        $('#reg-box').hide();
    })

    // 自定义校验规则
    var form = layui.form
    // 弹出层layer.msg
    var layer = layui.layer

    form.verify({
        pwd: [
            /^[\S]{6,12}$/
            , '密码必须6到12位，且不能出现空格'
        ],
        repwd: function (value) {
            var pwd = $('#reg-box [name=repassword]').val()
            // console.log(pwd);
            if (pwd !== value) {
                return "两次密码不一致"
            }
        }
    })

    // 给注册的form表单注册监听事件
    $('#form-reg').on('submit', function (e) {
        //1.阻止默认行为
        e.preventDefault();
        var data = {
            username: $('#form-reg [name=username]').val(),
            password: $('#form-reg [name=password]').val()
        }
        //2.发起ajxa请求
        $.post('/api/reguser', data, function (res) {
            if (res.status !== 0) {
                return layer.msg(res.message)
                
            }
            // console.log('注册成功！');
            layer.msg('注册成功，去登录')
            //触发a标签的点击事件
            $('#link-login').click();
        })
        
    });

    //给登录表单注册监听事件
    $('#form_login').on('submit', function (e) {
        e.preventDefault();
        // console.log('111');
        var data = $(this).serialize();
        // console.log(data);
        //发送ajxa请求
        $.ajax({
            method: 'POST',
            url: '/api/login',
            data: data,
            success: function (res) {
                // console.log(res);
                if (res.status!==0) {
                    return layer.msg(res.message)
                }
                console.log(res.token);
                //将token 值存储在本地
                localStorage.setItem('token', res.token)
                //跳转到首页
                location.href='/index.html'
            }
        })
       
    })
   
})

